<?php 
include('V_Abrir_Sesion.php');
?>
<html>
<head>
	<title>Asistencia</title>
  <meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<script type="text/javascript" src="js/bootstrap-tab.js"></script>
	<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
  <script type="text/javascript" language="javascript" src="js/Ajax_Asis.js"></script>
  <script type="text/javascript" language="javascript" src="js/JQuery.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <script src="js/jquery.min.js"></script>
  <link rel="stylesheet" href="css/COBEPE.css">

  <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>


    <script type="text/javascript">
$(document).on("click", ".open-Modal", function () {
var myDNI = $(this).data('id');
var myDNI2 = $(this).data('di');
var myDNI3 = $(this).data('idi');
var myDNI4 = $(this).data('nomb');

$(".modal-body #DNI").val( myDNI );
$(".modal-body #DNI2").val( myDNI2 );
$(".modal-body #DNI3").val( myDNI3 );
$(".modal-header #DNI4").val( myDNI4 );

});


    </script>

  <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
    // Parametros para el combo
     $("#Cod_Asis").change(function () {
        $("#Cod_Asis option:selected").each(function () {
          elegido=$(this).val();
          $.post("V_Filtro_ComboFecha.php", { elegido: elegido }, function(data){
          $("#Resultado").html(data);
        });     
       });
     });    
  });
</script>

<script type="text/javascript">
    $(document).ready(function () {
          
          $(function()
    {
      //la linea de abajo escucha cuando el form hace submit.
    $("#FormEditarEstado").submit(function(e)
    {
      
    //con esta linea evitamos que se vallan los datos
    e.preventDefault();
    //obtiene el action del form
     var action= $("#FormEditarEstado").attr("action");
      //se hace un array para meter los valores del form
    var form_data= 
    {  
            Cod_Grupo:$("#DNI").val(),
            Fecha:$("#DNI2").val(),
            CedEst:$("#DNI3").val(),
            Estado:$("#V_Estado").val(),
            Observacion:$("#V_Descrip_E").val(),
	         };

     $.ajax({
     type:"POST",
     url:action,
     data:form_data,
     success: function(responde)
     {  
    /*Los mensajes que se muestras aqui estan en el archivo que referencia ‘action’ del form.*/
      $("#div1").html(responde);
       
     }
     });
    return false;
      });
    });
    });
  </script>

<script type="text/javascript">
    $(document).ready(function () {
          
          $(function()
    {
      //la linea de abajo escucha cuando el form hace submit.
    $("#idForm").submit(function(e)
    {
      
    //con esta linea evitamos que se vallan los datos
    e.preventDefault();
    //obtiene el action del form
     var action= $("#idForm").attr("action");
      //se hace un array para meter los valores del form
    var form_data= 
    {  
            Cod_Grupo:$("#Cod_Asis").val(),
            Fecha:$("#Fecha").val()
         };

     $.ajax({
     type:"POST",
     url:action,
     data:form_data,
     success: function(responde)
     {  
    /*Los mensajes que se muestras aqui estan en el archivo que referencia ‘action’ del form.*/
      $("#div1").html(responde);
       
     }
     });
    return false;
      });
    });
    });
  </script>

</head>

<body>
  
<!--Inicio del menu Principal -->
<center>
<div>
<nav id="nav1" class="navbar navbar-pills navbar-fixed-center" role="navigation">

  <div class="collapse navbar-collapse navbar-ex1-collapse">

              <div class="collapse navbar-collapse">
              
                <ul class="nav navbar-nav">


<li ><a href="V_Inicio.php"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>

<li class="dropdown" >
     <a href="V_Us.php" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> Usuario</a>
     <ul class="dropdown-menu" role="menu">
            <li><a id="TxtAgregar" href="V_Us.php">Gestion de Usuarios</a></li>
            <li><a id="TxtAgregar" href="V_Per.php">Gestion de Permisos</a></li>
            </ul>
     </li>
<li><a href="V_Car.php"><span class="glyphicon glyphicon-book"></span> Carrera</a></li>

<li  class="dropdown" >
<a href="V_Est.php"class="dropdown-toggle" data-toggle="dropdown" ><span class="glyphicon glyphicon-user"></span> Estudiante</a>
     <ul class="dropdown-menu" role="menu">
            <li><a id="TxtAgregar" href="V_Est.php">Gestion de Estudiantes </a></li>
            <li><a id="TxtAgregar" href="V_EstAsis.php">Estudiantes Asistentes  </a></li>

            
            </ul>
     </li>
<li class="dropdown">

  <a href="V_Gru.php" class="dropdown-toggle" data-toggle="dropdown"> <img id="IconoBola" src="Imagenes/bola.png">
    Grupo
  </a>
  <ul class="dropdown-menu" role="menu">
    <li ><a id="TxtAgregar" href="V_Gru.php">Gestion de Grupos</a></li>
    <li ><a id="TxtAgregar" href="V_Gru_CNicoya.php">Campus Nicoya</a></li>
    <li ><a id="TxtAgregar" href="V_Gru_CLiberia.php">Campus Liberia</a></li>
    <li class="divider"></li>
    <li ><a id="TxtAgregar" href="V_Horario.php">Horario</a></li>
  </ul>
</li>

<li id="menusombra" class="dropdown">

  <a href="V_Asis_Nicoya.php" class="dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-book"></span>
    Asistencia
  </a>

<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
      <li ><a id="menusombra2" href="V_Asis_Nicoya.php">Asistencia Nicoya</a></li>
    <li ><a id="TxtAgregar" href="V_Asis_Liberia.php">Asistencia Liberia</a></li>
        <li class="divider"></li>
  <li class="dropdown-submenu">
    <a id="TxtAgregar" tabindex="-1" href="#">Resumen</a>
    <ul class="dropdown-submenu">
<!-- <li>
<a id="TxtAgregar" tabindex="-1" href="V_ResumenAsis_CN.php">Campus Nicoya</a>
</li>
<li>
<a id="TxtAgregar" tabindex="-1" href="#">Campus Liberia</a>
</li> -->
      
    </ul>
  </li>
</ul>
</li>


<li id="TxtAgregar"><a href="V_Bitacora_Final.php"><span class="glyphicon glyphicon-folder-close"></span> Historial</a></li>

                </ul>

                <ul class="nav navbar-nav navbar-right">
                  <li><a href="V_Cerrar_Sesion.php"><span class="glyphicon glyphicon-cog"></span> Cerrar Sesión</a></li>
                </ul>
</div>
</div>

</nav>
</div>
</center>
<!--Cierre del Menu Principal--> 
<div class="container-fluid">
<div id="Panel"  class="jumbotron">
<center>
<h4><p id="textTitulo" style="margin-top:-40px;" class="text-info">Asistencia Campus Nicoya</p></h4>
</center>
<h4>
<a id="textTitulo"  align="left" href="V_Asis_Evento_Agregar_N.php"><span class="glyphicon glyphicon-plus"></span> Agregar Nuevo Evento</a> 

<a style="margin-left:980px;" id="textTitulo"  href="V_Asis_Evento_N.php"><span class="glyphicon glyphicon-eye-open"></span> Ver Eventos de Grupos</a> 
</h4>
  <center>
    <div class="input-group">

<fieldset style="float:left; ">
        <div style=" border-radius: 20px; height: 100px; width: 850px;" class="panel panel-danger"> <!-- cuerpo -->
        <div style="background-color: #DF3D3D; color: white; border-radius: 5px; height: 20px; width: 850px;" class="panel-heading"> <!-- cabeza -->
        <center><h4><p class="panel-title"></p></h4></center>
        </div> 
     
    <label class="col-lg-1 control-label" style="margin-top: 10px;" for="Cod_Asis"><h4>Grupo:</h4></label>
    <div  id="Gru" class="col-lg-1">
    <form name="AsisNicoya" id="idForm" action="V_Filtro_AsisDetEvento_N.php">
    <select class="form-control" name='Cod_Asis' id="Cod_Asis" style="width: 200px; padding: 2px"> 
    <option disabled selected>Seleccione</option>                              
                        <?php 
                        include('../Model/ModelConexion.php');
                        $conexion = new Conexion(); 
                        $consulta = $conexion->Consulta("
                        SELECT tb_grupo.Codigo_Gru, tb_grupo.Nombre_Gru
                        FROM tb_grupo
                        WHERE tb_grupo.`Codigo_Camp` = '1'
                        ORDER BY tb_grupo.Nombre_Gru 
                         ");
                        if ($conexion->numero_filas($consulta) > 0) 
                         {
                          while ($Grupos = $conexion->Arreglo($consulta)) 
                         { 
                          $Gru_Nombre= $Grupos['Nombre_Gru'];
                          echo "<option value=".$Grupos['Codigo_Gru'].">".$Gru_Nombre."</option>\n"; 
                          }
                          }
                          else
                           {
                            echo "<option disabled>No ha registrado datos personales</option>";
                           }
                        ?>
    </select>


          <div class="control-group">
      <div id="Resultado" class="controls">

    </div>
    </div> 
   <div class="form-group">
       <div class="col-lg-9">
       <input style="margin-left: 600px; margin-top: -58px;" type="submit" value="Mostrar" class="btn btn-danger" name='Btn_Admin_Crear'> 
       </div>
       </div>


    </form>
    </div>

 


    </div>
    </div>
 </fieldset>

  <div id="div1"> <!-- "div" resultado de la accion  -->
          
        </div> <!-- cierre del "div" del resultado de la accion -->


    </div>
  </center>
  </div> 

 <div class="modal fade" id="popListarAsis" tabindex="-3" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header" style="border-radius: 5px; background-color: #DF3D3D;" >
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="label">Información de:            <input readonly style="background-color: transparent; border: none;"type="text" name="DNI4" id="DNI4" value=""/>   </h4>
        
        </div> <!-- modal-header -->
        <div class="modal-body" style="border-radius: 15px; hight:500px;">

          <div>
          <form method='POST' class="form-horizontal" id="FormEditarEstado" action="V_FiltroEstado.php" >

       <div class="form-group">
       <label class="col-lg-1 control-label" style="width:250px; margin-left:20px;" for="Tipo_Asis"><h4>Estado de Asistencia:</h4></label>
       <div class="col-lg-4">
       <select class="form-control" required name='V_Estado' id="V_Estado" style="width: 200px; padding: 2px margin-left:80px;" >
       <option value required placeholder="">Seleccione el Estado</option>
       <option value="Presente">Presente</option>
       <option value="Ausencia Justificada">Ausencia Justificada</option>
       <option value="Ausencia Injustificada">Ausencia Injustificada</option>
       </select>
       </div>
       </div>
<br><br>
        <div class="form-group">
       <label class="control-label" style="margin-left: 145px;  margin-top:-350px;" for=""><h4>Observación:</h4></label>
       <div>
       <textarea  style="margin-left: 288px; margin-top:-70px;" name="V_Descrip_E" id="V_Descrip_E"  rows="5" cols="26"  placeholder="Digite una Descripción del Evento"></textarea>
       </div>
       </div> 
<input  hidden type="text" name="DNI" id="DNI" value=""/>
<input  hidden type="text" name="DNI2" id="DNI2" value=""/>
<input  hidden type="text" name="DNI3" id="DNI3" value=""/>

       <div class="form-group">
       <div class="col-lg-9">
       <input style="margin-left: 385px; margin-top: 55px;" type="submit" value="Editar"  class="btn btn-danger"  name='Btn_Estado'> 
       </div>
       </div>

    </form>

    <br><br>
        </div>
        </div> <!-- modal-body -->
            <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>
      </div> <!-- modal-content -->
    </div> <!-- modal-dialog -->
  </div> <!-- Cierre del Modal -->

  </div>
  </div>
</body>
<?php 
    include('Footer.php')
  ?>
</html>